<!doctype html>
<html>

<head>
	<meta charset="utf-8">
	<title>夏目友人帐</title>

	<style type="text/css">
		body,
		td,
		th {
			font-family: "微软雅黑";
			font-size: 14px;
			color: #333;
		}

		body {
			margin-left: 0px;
			margin-top: 0px;
			background-color: #f4f4f4;
		}

		#top {
			height: 350px;
			width: 1024px;
			margin-right: auto;
			margin-left: auto;
			background-image: url(../images/xm18.jpg);
		}

		#top #top-grey {
			height: 130px;
			width: 1024px;
			margin-right: auto;
			margin-left: auto;
			background-image: url(../images/grey.png);
		}

		#top #bar-x {
			height: 72px;
			width: 1024px;
			margin-right: auto;
			margin-left: auto;
			border-bottom-width: 1px;
			border-bottom-style: solid;
			border-bottom-color: #f7f7f7;
		}

		#top #top-grey #bar-x #logo {
			height: 39px;
			width: 143px;
			margin-top: 15px;
			margin-left: 30px;
			float: left;
		}

		#top #top-grey #bar-x #menu {
			height: 20px;
			width: 360px;
			float: left;
			margin-left: 200px;
			margin-top: 26px;
		}

		#top #top-grey #bar-x #menu2 {
			font-family: "微软雅黑";
			font-size: 11px;
			height: 20px;
			width: 70px;
			float: left;
			margin-left: 120px;
			margin-top: 25px;
			border: 1px solid #f7f7f7;
			border-radius: 3px;
			text-align: center;
			line-height: 20px;
		}

		#top #top-grey #bar-x #menu #menu-tab {
			font-family: "微软雅黑";
			font-size: 13px;
			color: #ffffff;
			float: left;
			height: 20px;
			width: 60px;
			margin-left: 5px;
			text-align: center;
			line-height: 20px;
			border-radius: 2px;
		}

		.d_over {
			background-color: #31c27c;
			transition-duration: 1s;
		}

		.d_out {
			background-color: rgba(0, 0, 0, 0);
		}

		.c_over {
			background-color: #31c27c;
			transition-duration: 1s;
		}

		.c_out {
			background-color: #f6f6f6;
		}

		a:link {
			color: #f2f2f2;
			text-decoration: none;
		}

		a:visited {
			color: #f2f2f2;
			text-decoration: none;
		}

		a:hover {
			color: #000;
			text-decoration: none;
		}

		a:active {
			text-decoration: none;
		}

		#main {
			height: 870px;
			width: 1024px;
			margin-right: auto;
			margin-left: auto;
			background-color: #FFF;
		}

		#main #title {
			height: 26px;
			width: 140px;
			margin-right: auto;
			margin-left: auto;
			font-family: "微软雅黑";
			font-size: 22px;
			font-weight: bold;
			color: #000;
			text-align: center;
			line-height: 26px;
			padding-top: 30px;
			letter-spacing: 1px;
		}

		#main #green {
			background-color: #31c27c;
			height: 3px;
			width: 23px;
			margin-top: 20px;
			margin-right: auto;
			margin-left: auto;
		}

		#down {
			font-family: "微软雅黑";
			font-size: 12px;
			color: #FFF;
			background-color: #2b2b2b;
			height: 90px;
			width: 1024px;
			margin-right: auto;
			margin-left: auto;
		}

		#down #down1 {
			height: 40px;
			width: 835px;
			margin-right: auto;
			margin-left: auto;
			padding-top: 26px;
		}

		a.black:link {
			color: #000000;
			text-decoration: none;
		}

		a.black:visited {
			text-decoration: none;
			color: #000000;
		}

		a.black:hover {
			text-decoration: none;
			color: #31c27c;
		}

		a.black:active {
			text-decoration: none;
		}

		a.blue:link {
			color: #118cff;
			text-decoration: none;
		}

		a.blue:visited {
			text-decoration: none;
			color: #118cff;
		}

		a.blue:hover {
			text-decoration: none;
			color: #31c27c;
		}

		a.blue:active {
			text-decoration: none;
		}

		#wenzhang {
			height: 340px;
			width: 920px;
			margin-top: 20px;
			margin-right: auto;
			margin-left: auto;
			font-family: "微软雅黑";
			font-size: 13px;
			line-height: 25px;
			color: #000;
		}

		.ayahei {
			font-family: "微软雅黑";
			font-size: 15px;
			font-weight: bold;
			color: #000;
		}

		#main #line855 {
			height: 3px;
			width: 855px;
			border-bottom-width: 1px;
			border-bottom-style: dashed;
			border-bottom-color: #CCC;
			margin-right: auto;
			margin-left: auto;
		}

		#exit {
			font-family: "微软雅黑";
			font-size: 11px;
			height: 20px;
			width: 70px;
			float: left;
			margin-left: 770px;
			margin-top: -22px;
			border: 1px solid #f7f7f7;
			border-radius: 3px;
			text-align: center;
			line-height: 20px;
			cursor: pointer;
			color: white;
		}
	</style>
</head>

<body>
	<div id="top">
		<div id="top-grey">
			<div id="bar-x">
				<div id="logo"><a href="HomePage.html"><img src="../images/logo.png" alt="" width="143" height="39"></a>
				</div>
				<div id="menu">
					<div id="menu-tab" class="d_out" onmouseover="this.className='d_over'"
						onmouseout="this.className='d_out'"><a href="HomePage.html">首页</a></div>
					<div id="menu-tab" class="d_out" onmouseover="this.className='d_over'"
						onmouseout="this.className='d_out'"><a href="list.html">推荐</a></div>
					<div id="menu-tab" class="d_out" onmouseover="this.className='d_over'"
						onmouseout="this.className='d_out'"><a href="topic.html">专题</a></div>
					<div id="menu-tab" class="d_out" onmouseover="this.className='d_over'"
						onmouseout="this.className='d_out'"><a href="scene.html">剧场版</a></div>
					<div id="menu-tab" class="d_out" onmouseover="this.className='d_over'"
						onmouseout="this.className='d_out'"><a href="video.html">视频</a><a href="music.html"></a></div>
				</div>
				<div id="menu2" class="d_out" onmouseover="this.className='d_over'" onmouseout="this.className='d_out'">
					<a href="../index.html">注册/登录</a>
				</div>
				<div id="exit" class="d_out" onmouseover="this.className='d_over'" onmouseout="this.className='d_out'">
					<a href="../index.html">退出账号</a>
				</div>
			</div>
		</div>
	</div>
	<div id="main">
		<div id="title">主要角色</div>
		<div id="green"></div>
		<div id="wenzhang">
			<table width="920" border="0">
				<tr>
					<td width="319" height="333" align="center"><img src="../images/xm16.jpg" width="270" height="270">
					</td>
					<td width="591" align="center">
						<table width="88%" border="0">
							<tr>
								<td><span class="ayahei">夏目贵志</span> <br>
									<br>
									高中生，生于7月1日，15岁，身高167厘米，B型。面容清秀，是个善良温和的少年。自幼失去父母，被认为累赘辗转生活于亲戚家，被没有血缘关系的藤原夫妇收养。
									幼年因看得见妖怪，得不到别人理解而饱受欺凌，导致长大后虽待人友善，却依然习惯于隐藏自己真正的想法。受藤原夫妇的关怀感化，在与猫咪老师的相处中逐渐变得能够表达自己。
									非常珍惜现在的生活。得到外祖母的遗物友人帐后，开始了与猫咪老师一同归还妖怪名字的生活。归还名字时，外祖母夏目玲子的记忆会化为思念传进他的脑里，令他对外祖母有更多的认识，
									然而每次归还名字后会消耗大量体力。由于与外祖母有着相似的气息，经常被妖怪误认为是他外祖母。纵使身体比较瘦弱，但遗传自外祖母玲子的灵力非常高，不需武器一拳便能击退高级妖怪，
									在后来还能有一定几率读取到任一妖怪的记忆。对妖怪抱有感情，即使被认为是弱点也不想改变。被妖怪们认为有着“即使没有友人帐也能让妖怪们追随”的魅力。
								</td>
							</tr>
						</table>
					</td>
				</tr>
			</table>
		</div>
		<div id="line855"></div>
		<div id="wenzhang">
			<table width="920" border="0">
				<tr>
					<td width="319" height="333" align="center"><img src="../images/xm15.jpg" alt="" width="270"
							height="270"></td>
					<td width="591" align="center">
						<table width="88%" border="0">
							<tr>
								<td><span class="ayahei">斑/猫咪老师<br>
									</span> <br>
									高级妖怪，被封印在招财猫里，因为夏目不小心弄断封印的绳子而被解放，作为宠物猫和保镖与夏目一起生活着。可是因为多年被封印在招财猫中而被同化了，日常行为作风带有浓重的猫习气。
									招财猫形态被藤原夫妇分别称为喵吉和喵五郎，被田沼要称为胖太。本名斑（まだら），是个拥有强大妖力的妖怪。<br>
									据猫咪老师所称，招财猫的外形是“容器”，因此无妖力或灵力的人可以看见其形。因为拒绝与玲子决斗故名字不在友人帐上。自傲的他成为夏目的保镖后要夏目尊称他“猫咪老师”，但很多时候都被戏弄。
									本与夏目约定其死后友人帐就归他，然而在与夏目相处中逐渐被感化。爱酗酒且酒品奇差，五音不全。喜欢吃馒头，与夏目表面上无时无刻不在斗嘴，其实非常重视夏目。能够变身成任何自己想要的形象，
									因为仔细观察的人类只有夏目或者玲子，所以通常是变成像夏目玲子的女高中生样子；也曾变成夏目的样子，但因气质差太多，就连普通人类都会觉得猫老师变成的“夏目”怪怪的。
								</td>
							</tr>
						</table>
					</td>
				</tr>
			</table>
		</div>
	</div>

	<footer>
		<div id="down">
			<div id="down1">
				<table width="100%" border="0">
					<tr>
						<td width="82%"><img src="../images/logo.png" width="110" height="30"></td>
						<td width="7%"><img src="../images/douyin.png" width="31" height="31"></td>
						<td width="7%"><img src="../images/weibo.png" alt="" width="31" height="31"></td>
						<td width="4%"><img src="../images/weixin.png" alt="" width="31" height="31"></td>
					</tr>
				</table>
			</div>
		</div>
	</footer>
	</div>
</body>

</html>